<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>复选框</title>
		<style>
			table{border-collapse: collapse; width: 600px;}
			th,td{border: 1px solid black; }
			td{text-align: center;}
		</style>
	</head>

	<body>
		<table id="J_List">
			<tr>
				<th width="70">
					<a id="J_checkboxAll" href="javascript:;">全选</a><br />
					<a id="J_checkboxInverse" href="javascript:;">反选</a>
				</th>
				<th>ID</th>
				<th>应用名</th>
				<th>应用名</th>
			</tr>
			<tr>
				<td>
					<input type="checkbox" />
				</td>
				<td>1</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" />
				</td>
				<td>2</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" />
				</td>
				<td>3</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" checked="checked" />
				</td>
				<td>4</td>
				<td>1</td>
				<td>1</td>
			</tr>
			<tr
		</table>
		
		<script type="text/javascript" src="static/js/jquery/jquery-1.9.1.min.js" ></script>
		<script src="static/js/jquery/my_plugs/jquery.checkBox.js"></script>
		<script>
			
			$("#J_List").checkbox({
				checkboxAll: "#J_checkboxAll",
				checkboxInverse: "#J_checkboxInverse"
			});
			
		</script>
	</body>

</html>